<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />
    <meta name="author" lang="en" content="All: ... [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="Webdesign: Nuvio [www.nuvio.cz]; e-mail: ahoj@nuvio.cz" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.innerfade.js"></script>
    <script type="text/javascript">
    $(document).ready(
    function(){
        $('#slider').innerfade({
            animationtype: 'fade',
            speed: 750,
            timeout: 3000,
            type: 'sequence',
            containerheight: 'auto'
        });
    });
    </script>
    <title>UBCDating</title>
</head>

<body>
 <!--- <div id="login">
  <div id="signin">
      <form action="#" method="post">
        <p class="nomt"><strong>Login:</strong>
          <input type="text" size="10" class="input" />
          <strong>Password:</strong>
          <input type="password" size="10" class="input" />
          <input type="submit" value="Sign In" class="input-submit-small" />
        </p>
      </form>
      </div>
    </div> -->
<div id="main">

    <!-- Header -->
  
    <div id="header" class="box">

    <p id="logo"><a href="index.html" title="Your Company [Go to homepage]"><img src="design/logo.gif" alt="Logo" /></a></p>

        <hr class="noscreen" />
		
        <!-- Navigation -->
        <p id="nav">
            <strong>Home</strong> <span>|</span>
            <a href="profile.html">Profile</a> <span>|</span>
            <a href="inbox.html">Inbox</a><span>|</span>
            <a href="chat.html">Chat</a><span>|</span>
            <a href="matches.html">Make Matches</a><span>|</span>
            <a href="testimonial.html">Testimonials</a><span>|</span>
			<a href="notifications.html">Notifications</a> <img src="./images/notification.png" width=12>
        </p>
        <div id="log">
        <form action="#" method="post">
        <p class="nomt"><strong>Login:</strong>
          <input type="text" size="10" class="input" />
          <strong>Password:</strong>
          <input type="password" size="10" class="input" />
          <input type="submit" class="input-submit-small" value="Sign In" />
        </p>
      </form>
      </div>

    </div> <!-- /header -->

    <hr class="noscreen" />
    <!-- Promo -->
  <div id="promo">

        <p id="slogan"><img src="design/slogan.gif" alt="Place for your slogan" /></p>
        
        <ul id="slider">
            <li><img src="design/slider-01.jpg" alt="" /></li>
            <li><img src="design/slider-02.jpg" alt="" /></li>
            <li><img src="design/slider-03.jpg" alt="" /></li>
        </ul>
        
    </div> <!-- /promo -->

    <hr class="noscreen" />

    <!-- Three columns -->
    <div class="cols3">
    
        <div class="cols3-content box">

            <!-- Column -->
            <div class="col">
            
                <h2><a href="#">Sign Up</a></h2>
                
                <p><a href="#"><img src="images/col-01.jpg" class="block" alt="" /></a></p>


            <form action="#" method="post">

                <p class="nomt"><strong>Your Name:</strong><br />
                <input type="text" size="30" class="input" /></p>

                <p><strong>Your E-mail:</strong><br />
                <input type="text" size="30" class="input" /></p>

                <p>Password:<br />
                <input type="password" size="30" class="input" /></p>
				<p>Confirm Password:<br />
                <input type="password" size="30" class="input" /></p>

                <p class="nomb"><input type="button" value="Register" class="input-submit" onClick="location.href='questionaire.html'"/></p>

            </form>
            
            </div> <!-- /col -->
            
            <!-- Column -->
            <div class="col">

                <h2><a href="#">Learn More</a></h2>
                
                <p><a href="#"><img src="images/col-02.jpg" class="block" alt="" /></a></p>

                <p class="smaller"><strong>Let UBC Dating find the perfect match for you.</strong>
                Fill out your perfect match survey or click the links people to hear real life testomonies.</p>

                <ul>
                    <li><a href="#">testomonies 1</a></li>
                    <li><a href="#">testomonies 2</a></li>
                    <li><a href="#">testomonies 3</a></li>
                </ul>
                
            </div> <!-- /col -->
            
            <!-- Column -->
            <div class="col last">

                <h2><a href="#">Find Matchs</a></h2>
                
                <p><a href="#"><img src="images/col-03.jpg" class="block" alt="" /></a></p>

                 <form action="#" method="post">

                <p class="nomt"><strong>Looking For:</strong><br />
                <select name="menu">
				<option value="0" selected>Male</option>
				<option value="1">Female</option>
                <option value="2">Both</option>
				</select></p>

                <p><strong>Age:</strong><br />
                <input type="text" size="1" class="input" /> to <input type="text" size="1" class="input" /></p>

                <p><strong>City:</strong><br />
                <input type="text" size="30" class="input" /></p>
				
			

                <p class="nomb"><input type="button" value="Search" class="input-submit" onClick="location.href='results.html'"/></p>
                <p class="nomb"><input type="button" value="Advance Search" class="input-submit" onClick="location.href='Search.html'"/></p>

            </form>

            </div> <!-- /col -->

        </div> <!-- /cols3-content -->
        
        <div class="cols3-bottom"></div>

    </div> <!-- /cols3 -->

    <!-- Footer -->
    <div id="footer" class="box">

        <!-- DON´T REMOVE THIS LINE -->
        <p class="f-right"><a href="settings.html">My Settings</a></p>

        <p class="f-left">&copy;&nbsp;2009 <a href="#">Brandon, Alan, Mike, Roger</a></p>

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>